@charset "UTF-8";

:root {
	--theme-color: #222;
	--theme-color-transparency_5: #fff;
	--theme-color-transparency_7: #fff
}

body {
	font-family: MicrosoftYaHei-Bold
}

body .pickerBox {
	position: absolute;
	left: 50px;
	top: 100px;
	max-width: 1200px
}

body .pickerBox .picker {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	left: 0;
	opacity: .4
}

body .pickerBox .picker:hover {
	opacity: 1;
	transition: all .2s ease
}

body a {
	text-decoration: none!important
}

header .header .h_top {
	height: 1.6875rem;
	line-height: 1.6875rem;
	overflow: hidden;
	color: #666;
	font-size: .8rem;
	background-color: #ededed
}

header .header .h_top span {
	float: right
}

header .header .h_top span a {
	padding: 0 .625rem;
	display: inline-block;
	color: #666
}

header .header .h_con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 7.111rem;
	background-color: #fff;
	overflow: hidden
}

header .header .h_con .l_logo img {
	max-width: 21rem;
	max-height: 5rem
}

header .header .h_con .r_tell {
	width: 22rem;
	padding: .556rem
}

header .header .h_con .r_tell .top {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

header .header .h_con .r_tell .top .icon {
	margin: 0 .444rem 0 0
}

header .header .h_con .r_tell .top span {
	font-size: 1.4rem
}

header .header .h_con .r_tell .top .tell {
	font-family: Impact;
	font-size: 1.667rem;
	color: var(--theme-color)
}

header .header .h_con .r_tell_2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 7.778rem;
	overflow: hidden
}

header .header .h_con .r_tell_2 .left img {
	width: 2.222rem;
	height: 2.222rem;
	margin-right: .444rem
}

header .header .h_con .r_tell_2 .right .p_con {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1
}

header .header .h_con .r_tell_2 .right .p_con .desc {
	width: 5.556rem;
	font-size: 1rem
}

header .header .h_con .r_tell_2 .right .p_con .tell {
	font-family: Impact;
	font-size: 1.667rem;
	color: var(--theme-color)
}

header .nav_warpper {
	background-color: var(--theme-color);
	font-size: 1rem!important;
	font-family: MicrosoftYaHei
}

header .nav_warpper .navbars {
	padding: .1rem .1rem
}

header .nav_warpper .navbars .nav-item:first-child {
	border-left: .056rem solid rgba(255,255,255,.151)
}

header .nav_warpper .navbars .nav-item {
	border-right: 1px solid rgba(255,255,255,.151)
}

header .nav_warpper .navbars .nav-item a {
	line-height: 2.5rem;
	color: #fff
}

header .nav_warpper .navbars .nav-item .dropdown-menu a {
	color: var(--theme-color)!important
}

header .nav_warpper .navbars .nav-item .dropdown-menu .dropdown-item:focus,header .nav_warpper .navbars .nav-item .dropdown-menu .dropdown-item:hover {
	color: #fff!important;
	text-decoration: none;
	background-color: var(--theme-color-transparency_5)
}

header .nav_warpper .navbars li:focus,header .nav_warpper .navbars li:hover {
	background-color: #e0e0e018
}

header .yunu-mNav {
	display: none;
	width: 100%;
	height: 50px;
	background: var(--theme-color);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99
}

header .yunu-mNav h3 {
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px
}

header .yunu-mNav .menuBtn {
	display: none;
	position: absolute;
	left: 10px;
	top: 10px;
	float: right;
	width: 36px;
	height: 36px;
	padding: 3px;
	cursor: pointer
}

header .yunu-mNav .menuBtn b {
	display: block;
	height: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin: 5px 0 7px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

header .yunu-mNav .menuBtn.open b {
	display: none;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 50%;
	width: 30px
}

header .yunu-mNav .menuBtn.open b {
	position: absolute;
	left: 3px;
	top: 35%;
	display: none
}

header .yunu-mNav .menuBtn.open b:first-child {
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

header .yunu-mNav .menuBtn.open b:last-child {
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

header .yunu-nav {
	height: 60px;
	line-height: 60px;
	background-color: var(--theme-color);
	position: relative
}

header .yunu-nav .wp {
	position: relative;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto
}

header .yunu-nav .nav-item-bg {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 12.5%
}

header .yunu-nav .nav-item-bg.nav-item-bg::after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translateX(-50%)
}

header .yunu-nav ul.nav {
	padding: 0;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between
}

header .yunu-nav ul.nav li {
	width: 12.5%;
	float: left;
	position: relative
}

header .yunu-nav ul.nav li a {
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	height: 60px;
	display: block;
	color: #fff;
	text-align: center;
	position: relative;
	transition: .3s;
	z-index: 999
}

header .yunu-nav ul.nav li dl {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 62px;
	background: var(--theme-color);
	z-index: 99
}

header .yunu-nav ul.nav li dl.pc {
	transform: translateX(-50%) perspective(300px) rotateX(-90deg);
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0
}

header .yunu-nav ul.nav li dd {
	width: 100%;
	height: 46px;
	line-height: 46px;
	border-bottom: rgba(0,0,0,.2) 1px solid
}

header .yunu-nav ul.nav li dd:first-child {
	border-top: rgba(0,0,0,.2) 1px solid
}

header .yunu-nav ul.nav li dd:last-child {
	border-bottom: none
}

header .yunu-nav ul.nav li.ok dl {
	transform: translateX(-50%) perspective(200px) rotateX(0)
}

header .banner {
	width: 100%;
	height: auto
}

header .banner img {
	width: 100%
}

header .banner .swiper-slide img {
	width: 100%
}

header .banner .swiper-button-next,header .banner .swiper-button-prev {
	display: none;
	color: rgba(255,255,255,.7);
	width: 35px!important;
	height: 50px!important;
	padding: .278rem!important
}

header .banner .swiper-pagination-bullet-active {
	background: var(--theme-color)
}

header .banner:hover .swiper-button-next,header .banner:hover .swiper-button-prev {
	display: block
}

header .pc_banner {
	display: block
}

header .m_banner {
	display: none
}

#product_1 {
	margin-top: 2.778rem
}

#product_1 .column_title {
	text-align: center;
	border-bottom: 1px solid #ddd
}

#product_1 .column_title .titel_con h1 {
	font-size: 1.667rem;
	color: #000;
	font-weight: 700
}

#product_1 .column_title .describe {
	margin: .556rem auto .556rem;
	width: 19.444rem
}

#product_1 .column_title .describe span {
	color: #666;
	font-size: 1.222rem;
	width: 12.111rem
}

#product_1 .column_title .line {
	margin: 0 auto -1px;
	width: 4%;
	height: 2px;
	background-color: var(--theme-color)
}

#product_1 .parouct_main {
	margin-top: 2.222rem
}

#product_1 .parouct_main .prod_name {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap
}

#product_1 .parouct_main .prod_name li {
	transition: all .5s ease;
	width: 9rem;
	height: 2.222rem;
	border: 1px solid #dedede;
	line-height: 2.222rem;
	margin-right: 1.111rem;
	margin-bottom: .556rem;
	padding: 0 .556rem;
	text-align: center;
	cursor: pointer
}

#product_1 .parouct_main .prod_name li:hover {
	border: 1px solid var(--theme-color);
	transition: all .5s ease
}

#product_1 .parouct_main .prod_name li:hover .name {
	color: var(--theme-color);
	transition: all .5s ease
}

#product_1 .parouct_main .prod_name li .name {
	transition: all .5s ease;
	color: #999;
	text-decoration: none;
	font-size: .889rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#product_1 .parouct_main .prod_name li:last-child {
	margin-right: 0
}

#product_1 .parouct_main .prod_name .active {
	border-color: var(--theme-color)
}

#product_1 .parouct_main .prod_name .active .name {
	color: var(--theme-color)
}

#product_1 .parouct_main .content {
	margin-top: 1.667rem
}

#product_1 .parouct_main .content .prod_con {
	display: none
}

#product_1 .parouct_main .content .show {
	display: block
}

#product_1 .parouct_main .content .prod_con .item {
	cursor: pointer;
	margin-bottom: 1.111rem
}

#product_1 .parouct_main .content .prod_con .item .bottom {
	transition: all .5s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .666rem 1.111rem;
	width: 100%;
	border-top: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

#product_1 .parouct_main .content .prod_con .item .bottom a {
	color: #000;
	text-decoration: none
}

#product_1 .parouct_main .content .prod_con .item .bottom a .name {
	font-size: 1rem;
	width: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#product_1 .parouct_main .content .prod_con .item:hover {
	transition: .3s
}

#product_1 .parouct_main .content .prod_con .item:hover .bottom,#product_1 .parouct_main .content .prod_con .item:hover .top {
	box-shadow: 0 8px 12px rgba(0,0,0,.1)
}

#product_1 .parouct_main .content .prod_con .item:hover .icon {
	color: var(--theme-color)
}

#product_1 .parouct_main .content .prod_con .item:hover .bi,#product_1 .parouct_main .content .prod_con .item:hover .name {
	transition: all .5s ease;
	color: var(--theme-color)
}

#product_1 .main_footer {
	margin-top: 2.778rem;
	text-align: center
}

#product_1 .main_footer .more {
	display: inline-block;
	cursor: pointer;
	border: var(--theme-color) .056rem solid;
	width: 6.111rem;
	height: 1.944rem;
	line-height: 1.944rem;
	color: var(--theme-color);
	transition: all .5s ease;
	text-decoration: nodne;
	font-weight: lighter
}

#product_1 .main_footer .more:hover {
	background-color: var(--theme-color);
	color: #fff;
	border: var(--theme-color) .056rem solid;
	transition: all .5s ease
}

@media (max-width:767px) {
	#product_1 .main_footer {
		margin-top: 1rem
	}
}

#about_1 {
	margin-top: 2.778rem;
	background-color: #f3f3f3;
	padding: 2.778rem 0
}

#about_1 .column_title {
	text-align: center;
	border-bottom: 1px solid #ddd
}

#about_1 .column_title .titel_con h1 {
	font-size: 1.667rem;
	color: #000;
	font-weight: 700
}

#about_1 .column_title .describe {
	margin: .556rem auto .556rem;
	width: 19.444rem
}

#about_1 .column_title .describe span {
	color: #666;
	font-size: 1.222rem;
	width: 12.111rem
}

#about_1 .column_title .line {
	margin: 0 auto -1px;
	width: 4%;
	height: 2px;
	background-color: var(--theme-color)
}

#about_1 .wrap {
	margin-top: 2.778rem;
	min-height: 264px;
	position: relative;
	background: var(--theme-color);
	box-shadow: 0 2px 12px rgba(0,0,0,.3);
	padding: 15px
}

#about_1 .wrap .inner {
	align-items: center
}

#about_1 .wrap .inner .intr {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	color: #fff;
	font-size: .889rem;
	line-height: 1.667rem
}

#about_1 .wrap:after {
	content: "";
	display: block;
	position: absolute;
	left: -5px;
	top: -5px;
	width: 100%;
	height: 100%;
	border: 1px solid var(--theme-color)
}

#about_1 .main_footer {
	margin-top: 2.778rem;
	text-align: center
}

#about_1 .main_footer .more {
	display: inline-block;
	cursor: pointer;
	border: var(--theme-color) .056rem solid;
	width: 6.111rem;
	height: 1.944rem;
	line-height: 1.944rem;
	color: var(--theme-color);
	transition: all .5s ease;
	text-decoration: nodne;
	font-weight: lighter
}

#about_1 .main_footer .more:hover {
	background-color: var(--theme-color);
	color: #fff;
	border: var(--theme-color) .056rem solid;
	transition: all .5s ease
}

@media (max-width:767px) {
	#about_1 .main_footer {
		margin-top: 1rem
	}
}

#youshi_pc {
	margin-top: 3.889rem
}

#youshi_mb {
	margin-top: 3.889rem;
	display: none
}

#case_1 {
	margin-top: 2.778rem
}

#case_1 .column_title {
	text-align: center;
	border-bottom: 1px solid #ddd
}

#case_1 .column_title .titel_con h1 {
	font-size: 1.667rem;
	color: #000;
	font-weight: 700
}

#case_1 .column_title .describe {
	margin: .556rem auto .556rem;
	width: 19.444rem
}

#case_1 .column_title .describe span {
	color: #666;
	font-size: 1.222rem;
	width: 12.111rem
}

#case_1 .column_title .line {
	margin: 0 auto -1px;
	width: 4%;
	height: 2px;
	background-color: var(--theme-color)
}

#case_1 .main {
	margin-top: 2.222rem
}

#case_1 .main .wrapper {
	cursor: pointer;
	overflow: hidden;
	margin-top: 1.111rem
}

#case_1 .main .wrapper .img {
	position: relative;
	width: 99%
}

#case_1 .main .wrapper .img img {
	width: 100%
}

#case_1 .main .wrapper .img .name {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.167rem;
	background-color: var(--theme-color-transparency_7);
	color: #fff;
	text-align: center;
	transition: all .5s ease
}

#case_1 .main .wrapper .img .name p {
	font-size: .778rem;
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

#case_1 .main .wrapper .img .name span {
	line-height: 2.167rem
}

#case_1 .main .wrapper .img .name a {
	color: #fff;
	display: inline-block;
	padding: 10px 0
}

#case_1 .main .wrapper .img .name a .icon {
	font-size: 1.333rem
}

#case_1 .main .wrapper:hover .name {
	bottom: 0;
	transition: .3s;
	height: 100%;
	background-color: var(--theme-color-transparency_5);
	display: flex;
	flex-direction: column;
	justify-content: center
}

#news_1 {
	margin-top: 3.889rem
}

#news_1 .column_title {
	text-align: center;
	border-bottom: 1px solid #ddd
}

#news_1 .column_title .titel_con h1 {
	font-size: 1.667rem;
	color: #000;
	font-weight: 700
}

#news_1 .column_title .describe {
	margin: .556rem auto .556rem;
	width: 19.444rem
}

#news_1 .column_title .describe span {
	color: #666;
	font-size: 1.222rem;
	width: 12.111rem
}

#news_1 .column_title .line {
	margin: 0 auto -1px;
	width: 4%;
	height: 2px;
	background-color: var(--theme-color)
}

#news_1 .main {
	margin-top: 2.778rem
}

#news_1 .main .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 1.111rem;
	overflow: hidden
}

#news_1 .main .wrapper .left {
	text-align: center;
	width: 6.667rem;
	height: 5.556rem;
	padding: .889rem;
	color: #fff;
	background-color: var(--theme-color)
}

#news_1 .main .wrapper .left .day {
	font-size: 1.778rem;
	transition: all .3s ease
}

#news_1 .main .wrapper .left .date {
	font-size: .889rem
}

#news_1 .main .wrapper .right {
	padding: .889rem 1.944rem 1rem .889rem;
	background-color: #f2f3f4;
	width: 450px;
	height: 5.556rem
}

#news_1 .main .wrapper .right:hover .title {
	color: var(--theme-color);
	transition: all .2s ease
}

#news_1 .main .wrapper .right a {
	color: #111
}

#news_1 .main .wrapper .right .title {
	text-align: left;
	font-size: 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: .556rem
}

#news_1 .main .wrapper .right .con {
	font-size: .778rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#news_1 .main .wrapper:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,.2)
}

#news_1 .main .main_footer {
	margin-top: 2.778rem;
	text-align: center
}

#news_1 .main .main_footer .more {
	display: inline-block;
	cursor: pointer;
	border: var(--theme-color) .056rem solid;
	width: 6.111rem;
	height: 1.944rem;
	line-height: 1.944rem;
	color: var(--theme-color);
	transition: all .5s ease;
	text-decoration: nodne;
	font-weight: lighter
}

#news_1 .main .main_footer .more:hover {
	background-color: var(--theme-color);
	color: #fff;
	border: var(--theme-color) .056rem solid;
	transition: all .5s ease
}

@media (max-width:767px) {
	#news_1 .main .main_footer {
		margin-top: 1rem
	}
}

#friend_link_1 {
	color: #222;
	margin-top: 2.222rem
}

#friend_link_1 .friends,#friend_link_1 .region {
	margin-bottom: .833rem
}

#friend_link_1 .friends .name,#friend_link_1 .region .name {
	display: inline-block
}

#friend_link_1 .friends .name li,#friend_link_1 .region .name li {
	display: inline-block;
	margin-right: 1.111rem
}

#friend_link_1 .friends .name li a,#friend_link_1 .region .name li a {
	font-size: .889rem;
	transition: all .2s ease;
	color: #222
}

#friend_link_1 .friends .name li:hover a,#friend_link_1 .region .name li:hover a {
	color: var(--theme-color);
	transition: all .2s ease
}

#friend_link_1 .region {
	margin-top: .833rem
}

#footer_1 {
	background: url(../images/bj2.jpg) no-repeat center center;
	background-size: cover;
	height: 32rem;
	width: 100%
}

#footer_1 .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2.722rem
}

#footer_1 .main .item {
	padding: 0 3.5rem 2.333rem 1.944rem;
	width: 33%;
	height: 23rem
}

#footer_1 .main .item:last-child {
	border-right: none
}

#footer_1 .main .item .top {
	text-indent: left
}

#footer_1 .main .item .top .en {
	font-size: .889rem;
	color: #999;
	line-height: 21px;
	margin-bottom: .333rem
}

#footer_1 .main .item .top .title {
	color: #fff;
	font-size: 1.111rem;
	font-weight: 700;
	margin-bottom: .556rem
}

#footer_1 .main .item .top .line {
	width: 2.778rem;
	height: .111rem;
	background-color: #e4eaec
}

#footer_1 .main .item .top .en,#footer_1 .main .item .top .line,#footer_1 .main .item .top .title {
	display: block
}

#footer_1 .main .item .bottom {
	margin-top: 2.667rem
}

#footer_1 .main .item .bottom ul .navs {
	width: 45%;
	display: inline-block;
	margin-bottom: 2.222rem
}

#footer_1 .main .item .bottom ul .navs a {
	text-decoration: none;
	color: #fff
}

#footer_1 .main .item .bottom ul .info {
	margin-bottom: .556rem
}

#footer_1 .main .item .bottom ul .info span {
	color: #fff;
	font-size: 1rem
}

#footer_1 .main .item .bottom .qr_code .ewm {
	text-align: center;
	display: inline-block;
	width: 5.556rem;
	margin-right: 1.111rem;
	color: #fff
}

#footer_1 .main .item .bottom .qr_code .ewm img {
	width: 5.556rem;
	height: 5.556rem
}

#footer_1 .footer_info {
	margin-top: 2.111rem;
	text-align: center;
	color: #fff
}

#footer_1 .footer_info p {
	margin-bottom: .556rem
}

#footer_1 .footer_info p a {
	text-decoration: none;
	color: #fff
}

#footer_mobile {
	display: none
}

#footer_mobile .top {
	padding-bottom: 3.2rem
}

#footer_mobile .top .qr_code {
	display: flex;
	justify-content: center
}

#footer_mobile .top .qr_code .ewm {
	text-align: center;
	display: inline-block;
	width: 8.333rem;
	margin-right: 1.111rem;
	color: #000
}

#footer_mobile .top .qr_code .ewm img {
	width: 8.333rem;
	height: 8.333rem
}

#footer_mobile .fixed-foot {
	position: fixed;
	bottom: 0;
	width: 100%
}

#footer_mobile .fixed-foot ul {
	display: flex;
	height: 4.6rem;
	background-color: var(--theme-color)
}

#footer_mobile .fixed-foot ul li {
	text-align: center;
	flex: 1 1 auto;
	border-right: 1px solid rgba(0,0,0,.3);
	font-size: 18px;
	padding: 14px 0
}

#footer_mobile .fixed-foot ul li .bi {
	font-size: 1.8rem;
	color: #fff
}

#footer_mobile .fixed-foot ul li p {
	font-size: .889rem;
	line-height: 2rem;
	text-decoration: none;
	color: #fff
}

#about_us_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#about_us_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#about_us_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#about_us_1 .title .right .breadcrumb .bi,#about_us_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#about_us_1 .main {
	margin: 2.222rem 0 4.444rem
}

#about_us_1 .main .left {
	margin-bottom: 1.111rem
}

#about_us_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#about_us_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#about_us_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#about_us_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#about_us_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#about_us_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#about_us_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#about_us_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#about_us_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#about_us_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#about_us_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#about_us_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#about_us_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#about_us_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#about_us_1 .main .right_main img {
/*width:100%*/
}

@media (max-width:767px) {
	#about_us_1 .main {
		margin: 1.222rem 0 2.111rem 0
	}
}

#message_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#message_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#message_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#message_1 .title .right .breadcrumb .bi,#message_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#message_1 .main {
	margin: 2.222rem 0 4.444rem
}

#message_1 .main .left {
	margin-bottom: 1.111rem
}

#message_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#message_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#message_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#message_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#message_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#message_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#message_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#message_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#message_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#message_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#message_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#message_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#message_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#message_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#message_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#message_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#message_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#message_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#message_1 .main .right {
	padding: 1.833rem;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.1)
}

#message_1 .main .right .form_title {
	font-size: 1.111rem;
	color: #222
}

#message_1 .main .right .hr {
	margin: 1.111rem 0 .889rem
}

#message_1 .main .right .tips {
	font-size: .778rem;
	color: #888
}

#message_1 .main .right form {
	margin-top: 1.111rem
}

#message_1 .main .right form .start {
	color: #ff1414;
	font-size: .778rem;
	font-weight: 700
}

#message_1 .main .right form .form_btn {
	padding: 3.333rem 0;
	display: flex;
	justify-content: center
}

#message_1 .main .right form .form_btn .cancel,#message_1 .main .right form .form_btn .sub {
	width: 4.444rem;
	height: 2.222rem;
	border: none;
	color: #fff;
	cursor: pointer
}

#message_1 .main .right form .form_btn .sub {
	background-color: var(--theme-color);
	margin-right: .556rem
}

#message_1 .main .right form .form_btn .cancel {
	margin-left: .556rem;
	color: #222;
	background-color: #ddd
}

@media (max-width:767px) {
	#message_1 .main {
		margin: 1.222rem 0 2.111rem
	}
}

#contact_us .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#contact_us .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#contact_us .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#contact_us .title .right .breadcrumb .bi,#contact_us .title .right .breadcrumb a {
	color: var(--theme-color)
}

#contact_us .main {
	margin: 2.222rem 0 4.444rem
}

#contact_us .main .left {
	margin-bottom: 1.111rem
}

#contact_us .main .left .left_top {
	margin-bottom: 1.111rem
}

#contact_us .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#contact_us .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#contact_us .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#contact_us .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#contact_us .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#contact_us .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#contact_us .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#contact_us .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#contact_us .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#contact_us .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#contact_us .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#contact_us .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#contact_us .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#contact_us .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#contact_us .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#contact_us .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#contact_us .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#contact_us .main .right .right_top .item {
	text-align: center;
	margin-bottom: 3.333rem
}

#contact_us .main .right .right_top .item .item_img {
	width: 2.222rem;
	height: 2.222rem;
	margin: 0 auto;
	margin-bottom: .833rem
}

#contact_us .main .right .right_top .item .desc {
	font-size: 1.111rem;
	font-weight: 700;
	margin-bottom: .556rem
}

@media (max-width:767px) {
	#contact_us .main {
		margin: 1.222rem 0 2.111rem
	}
}

#case_product_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#case_product_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#case_product_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#case_product_1 .title .right .breadcrumb .bi,#case_product_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#case_product_1 .main {
	margin: 2.222rem 0 4.444rem
}

#case_product_1 .main .left {
	margin-bottom: 1.111rem
}

#case_product_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#case_product_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#case_product_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#case_product_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#case_product_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#case_product_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#case_product_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#case_product_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#case_product_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#case_product_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#case_product_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#case_product_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#case_product_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#case_product_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#case_product_1 .main .right .prod_con .item {
	cursor: pointer;
	margin-bottom: 1.111rem
}

#case_product_1 .main .right .prod_con .item .bottom {
	transition: all .5s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .666rem 1.111rem;
	width: 100%;
	border-top: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

#case_product_1 .main .right .prod_con .item .bottom a {
	color: #000;
	text-decoration: none
}

#case_product_1 .main .right .prod_con .item .bottom a .name {
	font-size: 1rem;
	width: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#case_product_1 .main .right .prod_con .item:hover {
	transition: .3s
}

#case_product_1 .main .right .prod_con .item:hover .bottom,#case_product_1 .main .right .prod_con .item:hover .top {
	box-shadow: 0 8px 12px rgba(0,0,0,.1)
}

#case_product_1 .main .right .prod_con .item:hover .icon {
	color: var(--theme-color)
}

#case_product_1 .main .right .prod_con .item:hover .bi,#case_product_1 .main .right .prod_con .item:hover .name {
	transition: all .5s ease;
	color: var(--theme-color)
}

#case_product_1 .main .pagination {
	justify-content: center
}

#case_product_1 .main .pagination>li {
	display: inline
}

#case_product_1 .main .pagination>li>a,#case_product_1 .main .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: var(--theme-color);
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

#case_product_1 .main .pagination>li:first-child>a,#case_product_1 .main .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

#case_product_1 .main .pagination>li:last-child>a,#case_product_1 .main .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

#case_product_1 .main .pagination>li>a:focus,#case_product_1 .main .pagination>li>a:hover,#case_product_1 .main .pagination>li>span:focus,#case_product_1 .main .pagination>li>span:hover {
	z-index: 2;
	color: var(--theme-color);
	background-color: #eee;
	border-color: #ddd
}

#case_product_1 .main .pagination>.active>a,#case_product_1 .main .pagination>.active>a:focus,#case_product_1 .main .pagination>.active>a:hover,#case_product_1 .main .pagination>.active>span,#case_product_1 .main .pagination>.active>span:focus,#case_product_1 .main .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: var(--theme-color);
	border-color: var(--theme-color)
}

#case_product_1 .main .pagination>.disabled>a,#case_product_1 .main .pagination>.disabled>a:focus,#case_product_1 .main .pagination>.disabled>a:hover,#case_product_1 .main .pagination>.disabled>span,#case_product_1 .main .pagination>.disabled>span:focus,#case_product_1 .main .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

#case_product_1 .main .pagination-lg>li>a,#case_product_1 .main .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

#case_product_1 .main .pagination-lg>li:first-child>a,#case_product_1 .main .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

#case_product_1 .main .pagination-lg>li:last-child>a,#case_product_1 .main .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

#case_product_1 .main .pagination-sm>li>a,#case_product_1 .main .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

#case_product_1 .main .pagination-sm>li:first-child>a,#case_product_1 .main .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

#case_product_1 .main .pagination-sm>li:last-child>a,#case_product_1 .main .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

@media (max-width:767px) {
	#case_product_1 .main {
		margin: 1.222rem 0 2.111rem
	}
}

#case_product_details_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#case_product_details_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#case_product_details_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#case_product_details_1 .title .right .breadcrumb .bi,#case_product_details_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#case_product_details_1 .main {
	margin: 2.222rem 0 4.444rem
}

#case_product_details_1 .main .left {
	margin-bottom: 1.111rem
}

#case_product_details_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#case_product_details_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#case_product_details_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#case_product_details_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#case_product_details_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#case_product_details_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#case_product_details_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#case_product_details_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#case_product_details_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#case_product_details_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#case_product_details_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#case_product_details_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#case_product_details_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#case_product_details_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#case_product_details_1 .main .right .right_main .top_img {
	width: 22.222rem;
	margin: 0 auto;
	text-align: center
}

#case_product_details_1 .main .right .right_main .top_img a img {
/*width:100%;*/
	height: auto
}

#case_product_details_1 .main .right .right_main .top_img a {
	text-decoration: none;
	font-size: 1.111rem;
	color: #222;
	line-height: 3.111rem
}

#case_product_details_1 .main .right .right_main .line {
	margin-top: 3.333rem
}

#case_product_details_1 .main .right .right_main .line .name {
	width: 8.6rem;
	height: 2.222rem;
	background-color: var(--theme-color);
	text-align: center;
	padding: 0 5px
}

#case_product_details_1 .main .right .right_main .line .name span {
	color: #fff;
	line-height: 2.222rem
}

#case_product_details_1 .main .right .right_main .line div {
	width: 100%;
	height: 2px;
	background-color: var(--theme-color)
}

#case_product_details_1 .main .right .right_main .cont {
	padding: 1.667rem 0
}

#case_product_details_1 .main .right .right_main .cont img {
/*width:100%;*/
	height: auto
}

#case_product_details_1 .main .right .right_main .page {
	padding: 1.667rem 0
}

#case_product_details_1 .main .right .right_main .page a {
	text-decoration: none;
	color: var(--theme-color)
}

@media (max-width:767px) {
	#case_product_details_1 .main {
		margin: 1.222rem 0 .444rem
	}
}

#newsCenter_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#newsCenter_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#newsCenter_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#newsCenter_1 .title .right .breadcrumb .bi,#newsCenter_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#newsCenter_1 .main {
	margin: 2.222rem 0 4.444rem
}

#newsCenter_1 .main .left {
	margin-bottom: 1.111rem
}

#newsCenter_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#newsCenter_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#newsCenter_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#newsCenter_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#newsCenter_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#newsCenter_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#newsCenter_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#newsCenter_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#newsCenter_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#newsCenter_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#newsCenter_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#newsCenter_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#newsCenter_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#newsCenter_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#newsCenter_1 .main .right .right_main {
	margin-bottom: 4.444rem
}

#newsCenter_1 .main .right .right_main .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 1.111rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_left {
	text-align: center;
	width: 6.667rem;
	height: 7.222rem;
	padding: 1rem;
	color: #222;
	background-color: #f1f3f5;
	border-radius: .278rem;
	margin-right: 1.222rem;
	transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_left:hover {
	color: var(--theme-color);
	transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_left .day {
	font-size: 1.778rem;
	font-weight: 700
}

#newsCenter_1 .main .right .right_main .wrapper .news_left .date {
	font-size: 1rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_right {
	padding: 1.3rem 1.944rem 1.3rem .889rem;
	background-color: #f7f7f8;
	width: 40.556rem;
	height: 7.222rem;
	border-radius: .278rem;
	color: #222
}

#newsCenter_1 .main .right .right_main .wrapper .news_right a:hover {
	color: var(--theme-color);
	transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_right .news_title {
	text-align: left;
	font-size: 1rem;
	font-weight: bolder;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: .556rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_right .news_con {
	font-size: .889rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#newsCenter_1 .main .right .right_main a {
	text-decoration: none;
	color: #222
}

#newsCenter_1 .main .right .pagination {
	justify-content: center
}

#newsCenter_1 .main .right .pagination>li {
	display: inline
}

#newsCenter_1 .main .right .pagination>li>a,#newsCenter_1 .main .right .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: var(--theme-color);
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

#newsCenter_1 .main .right .pagination>li:first-child>a,#newsCenter_1 .main .right .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

#newsCenter_1 .main .right .pagination>li:last-child>a,#newsCenter_1 .main .right .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

#newsCenter_1 .main .right .pagination>li>a:focus,#newsCenter_1 .main .right .pagination>li>a:hover,#newsCenter_1 .main .right .pagination>li>span:focus,#newsCenter_1 .main .right .pagination>li>span:hover {
	z-index: 2;
	color: var(--theme-color);
	background-color: #eee;
	border-color: #ddd
}

#newsCenter_1 .main .right .pagination>.active>a,#newsCenter_1 .main .right .pagination>.active>a:focus,#newsCenter_1 .main .right .pagination>.active>a:hover,#newsCenter_1 .main .right .pagination>.active>span,#newsCenter_1 .main .right .pagination>.active>span:focus,#newsCenter_1 .main .right .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: var(--theme-color);
	border-color: var(--theme-color)
}

#newsCenter_1 .main .right .pagination>.disabled>a,#newsCenter_1 .main .right .pagination>.disabled>a:focus,#newsCenter_1 .main .right .pagination>.disabled>a:hover,#newsCenter_1 .main .right .pagination>.disabled>span,#newsCenter_1 .main .right .pagination>.disabled>span:focus,#newsCenter_1 .main .right .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

#newsCenter_1 .main .right .pagination-lg>li>a,#newsCenter_1 .main .right .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

#newsCenter_1 .main .right .pagination-lg>li:first-child>a,#newsCenter_1 .main .right .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

#newsCenter_1 .main .right .pagination-lg>li:last-child>a,#newsCenter_1 .main .right .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

#newsCenter_1 .main .right .pagination-sm>li>a,#newsCenter_1 .main .right .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

#newsCenter_1 .main .right .pagination-sm>li:first-child>a,#newsCenter_1 .main .right .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

#newsCenter_1 .main .right .pagination-sm>li:last-child>a,#newsCenter_1 .main .right .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

@media (max-width:767px) {
	#newsCenter_1 .main {
		margin: 1.222rem 0 2.111rem
	}

	#newsCenter_1 .main .right .right_main {
		margin-bottom: 2.222rem
	}
}

#news_details_1 .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 2.111rem 0 1.556rem 0;
	border-bottom: 1px solid #ddd
}

#news_details_1 .title .left p {
	font-size: 1.444rem;
	color: var(--theme-color);
	line-height: 1.444rem
}

#news_details_1 .title .right .breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent
}

#news_details_1 .title .right .breadcrumb .bi,#news_details_1 .title .right .breadcrumb a {
	color: var(--theme-color)
}

#news_details_1 .main {
	margin: 2.222rem 0 4.444rem
}

#news_details_1 .main .left {
	margin-bottom: 1.111rem
}

#news_details_1 .main .left .left_top {
	margin-bottom: 1.111rem
}

#news_details_1 .main .left .left_top .left_top_title {
	background-color: var(--theme-color);
	padding: 0 10px;
	height: 5.556rem
}

#news_details_1 .main .left .left_top .left_top_title p {
	font-size: 1.444rem;
	line-height: 5.556rem;
	color: #fff
}

#news_details_1 .main .left .left_top .panel-group {
	max-height: 770px;
	overflow: auto
}

#news_details_1 .main .left .left_top .leftMenu {
	border: .056rem solid #ddd
}

#news_details_1 .main .left .left_top .leftMenu:not(:last-child) {
	border-bottom: none
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading {
	padding: .8rem .556rem;
	color: #000;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--theme-color);
	font-size: 1rem;
	line-height: 2rem
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
	color: #222;
	text-decoration: none
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
	cursor: pointer;
	padding: .4rem 1.25rem;
	transition: all .5s ease;
	background-color: #f9f9f9;
	border: none;
	border-top: .056rem solid #ddd;
	border-radius: 0
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
	text-decoration: none;
	color: #5c5c5c
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
	color: #fff
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
	background-color: var(--theme-color-transparency_7)!important;
	transition: all .5s ease;
	border-color: transparent
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
	color: #fff
}

#news_details_1 .main .left .left_bottom {
	height: 16.667rem;
	border: 1px solid #ddd;
	background: url(../images/about_bg2.png) repeat-x bottom
}

#news_details_1 .main .left .left_bottom .bottom_title {
	padding: 1.333rem .556rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 1.556rem;
	color: #010101
}

#news_details_1 .main .left .left_bottom .bottom_main {
	width: 100%;
	padding: 1.111rem .556rem;
	font-size: .889rem;
	font-weight: 600
}

#news_details_1 .main .left .left_bottom .bottom_main ul li {
	margin-bottom: .833rem
}

@media (max-width:767px) {
	#news_details_1 .main .left .left_top .left_top_title {
		height: 2.222rem
	}

	#news_details_1 .main .left .left_top .left_top_title p {
		line-height: 2.222rem;
		font-size: 1.111rem
	}

	#news_details_1 .main .left .left_top .panel-group {
		max-height: 88px;
		overflow-x: scroll
	}

	#news_details_1 .main .left .left_top .panel-group .leftMenu .panel-heading .panel-title {
		line-height: 1rem;
		font-size: .889rem
	}
}

#news_details_1 .main .right .right_main .top_img {
	text-align: center
}

#news_details_1 .main .right .right_main .top_img a img {
	width: 100%;
	height: auto
}

#news_details_1 .main .right .right_main .top_img .news_title {
	font-size: 1.333rem;
	margin-bottom: .556rem;
	font-weight: 700;
	color: #222
}

#news_details_1 .main .right .right_main .top_img .news_desc {
	color: #777;
	font-size: .889rem;
	margin-bottom: 1.667rem;
	line-height: 1.111rem
}

#news_details_1 .main .right .right_main .top_img .news_desc span {
	margin-right: 1.111rem
}

#news_details_1 .main .right .right_main .cont {
	padding: 1.667rem 0;
	text-align: center;
}

#news_details_1 .main .right .right_main .cont img {
/*width:100%;*/
	height: auto
}

#news_details_1 .main .right .right_main .page {
	padding: 1.667rem 0
}

#news_details_1 .main .right .right_main .page a {
	text-decoration: none;
	color: var(--theme-color)
}

@media (max-width:767px) {
	#news_details_1 .main {
		margin: 1.222rem 0 .444rem
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}

	.show-xs {
		display: block!important
	}

	.pc_banner {
		display: none!important
	}

	.m_banner {
		display: block!important
	}

	#youshi_mb {
		display: block
	}

	header .yunu-nav ul.nav {
		display: block
	}

	header .banner {
		margin-top: 1.28rem
	}

	#product_1 {
		margin-top: 1.5rem
	}

	#product_1 .parouct_main {
		margin-top: 1.5rem
	}

	#product_1 .parouct_main .content {
		margin-top: 1.111rem
	}

	#product_1 .parouct_main .prod_name {
		flex-wrap: nowrap;
		justify-content: space-between;
		overflow-x: scroll
	}

	#about_1 {
		margin-top: 1.5rem;
		padding: 1.5rem 0
	}

	#about_1 .wrap {
		margin-top: 1.5rem
	}

	#about_1 .wrap .inner .intr {
		margin-top: .833rem
	}

	#news_1 {
		margin-top: 1.5rem
	}

	#news_1 .main {
		margin-top: 0
	}

	#news_1 .main .wrapper .right {
		width: 70%
	}

	#news_1 .main .wrapper .left,#news_1 .main .wrapper .right {
		height: 6.556rem
	}

	#case_1 {
		margin-top: 1.5rem
	}

	#case_1 .main {
		margin-top: 0
	}

	#case_1 .main .name {
		bottom: 0!important
	}

	.h_con {
		display: none!important
	}

	header .yunu-mNav {
		display: block!important
	}

	header .yunu-mNav .menuBtn {
		display: block!important
	}

	header .yunu-nav {
		width: 100%;
		position: fixed!important;
		left: 0;
		bottom: 0;
		top: 50px;
		height: auto;
		background: var(--theme-color);
		display: none;
		overflow-y: auto;
		z-index: 999
	}

	header .yunu-nav .wp {
		width: 100%
	}

	header .yunu-nav li {
		width: auto!important;
		float: none!important;
		line-height: 56px;
		border-bottom: rgba(0,0,0,.3) 1px solid
	}

	header .yunu-nav li .subNav {
		position: static;
		padding-left: 20px
	}

	header .yunu-nav li .subNav li {
		border-bottom: none
	}

	header .yunu-nav li a {
		height: auto!important;
		text-align: left!important;
		padding-left: 36px
	}

	header .yunu-nav li a:hover {
		text-decoration: none
	}

	header .yunu-nav li .v1 {
		background-image: url(../images/icon5.png)!important;
		background-position: 95% center!important;
		background-repeat: no-repeat!important;
		background-size: 12px auto!important
	}

	header .yunu-nav li .v1.on {
		background-image: url(../images/icon5-on.png)!important;
		background-position: 95% center!important;
		background-repeat: no-repeat!important;
		background-size: 12px auto!important
	}

	header .yunu-nav li li.first a,header .yunu-nav li li.on a {
		background: 0 0!important
	}

	header .yunu-nav li li.first a::after,header .yunu-nav li li.on a::after {
		height: 0!important
	}

	header .yunu-nav li dl {
		position: static!important
	}

	header .yunu-nav li dl dd a {
		padding-left: 56px
	}

	header .yunu-nav .nav-item-bg::after {
		display: none!important
	}

	header .yunu-nav .nav-item-bg {
		display: none!important
	}

	#footer_1 {
		height: auto;
		margin-bottom: 2.778rem;
		height: 6.888rem
	}

	#footer_1 .main {
		padding-top: 0
	}

	#footer_1 .footer_info {
		margin: 1.111rem 0
	}

	#footer_1 .footer_info p {
		margin-bottom: 0
	}
}

@media (max-width:992px) {
	.hiddex-lg {
		display: none
	}
}

@media (max-width:1140px) {
	.hiddex-xl {
		display: none
	}
}